﻿@model List<Charades.Web.Models.PictureModel>
@{
	Layout = null;
	ViewBag.Title = "Рисуем и угадываем, Крокодил онлайн в браузере";
	ViewBag.SocialTitle = "Онлайн игра drawpi.co, рисуем и угадываем";
	ViewBag.SocialDescription = "Увлекательная бесплатная онлайн игра крокодил. Заходи прямо сейчас, рисуй в браузере и угадывай из более 4000 слов.";
	ViewBag.SocialImage = "http://drawpi.co" + Url.Content("~/Content/Images/main.png");
}
<!DOCTYPE html>
<html>

<head>
	<title>@ViewBag.Title - drawpi.co</title>
	@{ Html.RenderPartial("_Icons");}
	@{ Html.RenderPartial("_SocialMeta");}
	@Styles.Render("~/Content/uikit")
</head>

	<body>
		<div class="uk-container-center logo logo-static">
			<a href="@Url.Action("Index","Home")">
				<img src="@Url.Content("~/Content/Images/logo.svg")" alt="logo"/>
			</a>
		</div>
		<div class="pic-container">
			<ul class="uk-grid uk-grid-small uk-grid-width-medium-1-4 uk-grid-width-large-1-5">
				@foreach (var p in Model)
				{
					<li class="uk-text-center pic-item">
						<a class="uk-thumbnail" href="@Url.Action("Picture", new { id = p.Id } )">
							<img src="@p.PictureUrl" alt="@p.Word" title="@p.Word">
							<div class="uk-thumbnail-caption">@p.Painter <span class="uk-text-bold">@p.Word</span></div>
						</a>
					</li>
				}
			</ul>
		</div>
		@Scripts.Render("~/bundles/jquery")
		@Styles.Render("~/Content/css")
		@{Html.RenderPartial("Ya");}
	</body>
</html>
